<template>
  <div style="padding-left: 20px;">
    <h1>hello</h1>
    <z-sub :txt="txt" @update:txt="txt=$event"></z-sub>
    <button @click="reset">reset</button>
    <button @click="submit">submit</button>
  </div>
</template>

<script>
import zSub from './_sub.vue'
export default {
  name: 'testPage',
  components: { zSub },
  data: function () {
    return {
      txt: '',
    }
  },
  methods: {
    reset: function () {
      this.txt = 'init'
    },
    submit: function () {
      alert(this.txt)
    },
  },
}
</script>

<style>
</style>
